<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">

<body>
<wicket:panel>

	<div class="accordion-item" id="settingsGradeReleaseHeader">
		<h2 class="accordion-header">
			<button wicket:id="settingsGradeAccordionButton" class="accordion-button collapsed fw-bold"
				type="button"
				data-bs-toggle="collapse"
				data-bs-target="#settingsGradeRelease"
				aria-expanded="false"
				aria-controls="settingsGradeRelease">
				<wicket:message key="settingspage.graderelease.heading">Grade Release Rules</wicket:message>
			</button>
		</h2>
		<div wicket:id="settingsGradeReleasePanel" id="settingsGradeRelease" class="accordion-collapse collapse" aria-labelledby="settingsGradeReleaseHeader">
			<div class="accordion-body">
				<div class="checkbox">
					<label>
						<input wicket:id="displayReleased" type="checkbox" />
						<wicket:message key="settingspage.graderelease.label" />
					</label>
				</div>
				<p class="instruction"><wicket:message key="settingspage.graderelease.instructions" /></p>

				<div class="checkbox" wicket:id="displayCourseGradeContainer">
					<label>
						<input wicket:id="displayCourseGrade" type="checkbox" />
						<wicket:message key="settingspage.displaycoursegrade.label" />
					</label>
				</div>

				<div class="form-group" wicket:id="courseGradeType">
				
					<p class="sak-banner-error" wicket:id="minimumOptions">minimum options message</p>
					
					<div class="row">
						<div class="offset-1 col-11">
							<div class="checkbox">
								<label>
									<input wicket:id="letterGrade" type="checkbox" />
									<span><wicket:message key="settingspage.displaycoursegrade.lettergrade" /></span>
								</label>
							</div>

							<div class="checkbox">
								<label>
									<input wicket:id="percentage" type="checkbox" />
									<span><wicket:message key="settingspage.displaycoursegrade.percentage" /></span>
								</label>
							</div>

							<div class="checkbox">
								<label>
									<input wicket:id="points" type="checkbox" />
									<span><wicket:message key="settingspage.displaycoursegrade.points" /></span>
								</label>
							</div>
						</div>
					</div>
					
					<div class="instruction">
						<div><wicket:message key="settingspage.displaycoursegrade.instructions.1" /></div>
						<div><wicket:message key="settingspage.displaycoursegrade.instructions.2" /></div>
					</div>
					
				</div>
				
				<div class="form-group" wicket:id="courseGradePreview">
					<span><wicket:message key="settingspage.displaycoursegrade.preview" /></span>
					<span class="bg-info text-dark" wicket:id="preview">X+ 99%</span>
				</div>
				
				<div class="checkbox" wicket:id="allowStudentsToCompareGradesContainer">
					<label>
						<input wicket:id="allowStudentsToCompareGrades" type="checkbox" />
						<wicket:message key="settingspage.allowcomparegrades.label" />
					</label>
				</div>
				<div class="form-group" wicket:id="allowStudentsToCompareGradesOptionsContainer">
					<div class="row">
						<div class="offset-1 col-11 grade-comparison">
							<div class="checkbox grade-comparison-options">
								<span>
									<wicket:message key="settingspage.allowcomparegrades.display.label" />
								</span>
								<label>
									<input disabled="disabled" checked="checked" type="checkbox" />
									<span><wicket:message key="settingspage.allowcomparegrades.display.grades.label" /></span>
								</label>
								<label>
									<input wicket:id="comparingDisplayStudentNames" type="checkbox" />
									<span><wicket:message key="settingspage.allowcomparegrades.display.names.label" /></span>
								</label>
								<label>
									<input wicket:id="comparingDisplayStudentSurnames" type="checkbox" />
									<span><wicket:message key="settingspage.allowcomparegrades.display.surnames.label" /></span>
								</label>
								<label>
									<input wicket:id="comparingDisplayTeacherComments" type="checkbox" />
									<span><wicket:message key="settingspage.allowcomparegrades.display.comments.label" /></span>
								</label>
							</div>

							<div class="checkbox">
								<label>
									<input wicket:id="comparingIncludeAllGrades" type="checkbox" />
									<span><wicket:message key="settingspage.allowcomparegrades.include-grades-dont-count.label" /></span>
								</label>
							</div>

							<div class="checkbox">
								<label>
									<input wicket:id="comparingRandomizeDisplayedData" type="checkbox" />
									<span><wicket:message key="settingspage.allowcomparegrades.randomize-grades.label" /></span>
								</label>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</wicket:panel>
</body>
</html>
